import {createRouter, createWebHistory} from 'vue-router'
import Layout from '../layout/Layout.vue'

const routes = [
    {
        path: '/',
        name: 'Layout',
        component: Layout,
        redirect: "/book",
        children: [
            {
                //主页重定向到问卷管理页面
                path: 'home',
                name: 'Home',
                redirect: "/book",
                component: () => import("@/views/Home"),
            },
            // {
            //     // <!--  没有使用到   -->
            //     path: 'user',
            //     name: 'User',
            //     component: () => import("@/views/User"),
            // },
            {
                //问卷管理页面
                path: 'book',
                name: 'Book',
                component: () => import("@/views/Book"),
            },
            // {
            //     // <!--  没有使用到   -->
            //     path: 'news',
            //     name: 'News',
            //     component: () => import("@/views/News"),
            // },
            {
                // <!--  个人信息页  -->
                path: 'person',
                name: 'Person',
                component: () => import("@/views/Person"),
            },
            {
                // <!--  用户管理页面  -->
                path: 'category',
                name: 'Category',
                component: () => import("@/views/Category"),
            },
            // {
            // // <!--  没有使用到   -->
            //     path: 'map',
            //     name: 'Map',
            //     component: () => import("@/views/Map"),
            // },
            // {
            // // <!--  没有使用到   -->
            //     path: 'im',
            //     name: 'Im',
            //     component: () => import("@/views/Im"),
            // },
            // {
            //     // <!--  没有使用到   -->
            //     path: 'message',
            //     name: 'Message',
            //     component: () => import("@/views/Message"),
            // },
        //     {
        //      // <!--  没有使用到   -->
        //         path: 'donate',
        //         name: 'Donate',
        //         component: () => import("@/views/Donate"),
        //     },
          
        //     {
        //         // <!-- 创建问卷   测试 没有使用到   -->

        //         path: 'test',
        //         name: 'test',
        //         component: () => import("@/views/test"),
        //     },
        //     {
        //          // <!--   没有使用到    -->
        //         path: 'test1',
        //         name: 'test1',
        //         component: () => import("@/views/test1"),
        //     },
        //     {
        //          // <!--  没有使用到    -->
        //         path: 'test2',
        //         name: 'test2',
        //         component: () => import("@/views/test2"),
        //     },
        //     {
        //          // <!--    没有使用到   -->
        //         path: 'test3',
        //         name: 'test3',
        //         component: () => import("@/views/test3"),
        //     },
        //     {
        //         // <!--  没有使用到    -->
        //        path: 'test4',
        //        name: 'test4',
        //        component: () => import("@/views/test4"),
        //    },
        //     {
        //         // <!-- 根据id获取问卷对应的问题及选项 没有使用到    -->
        //        path: 'testsurvey',
        //        name: 'testsurvey',
        //        component: () => import("@/views/testsurvey"),
        //    },

           
           {
            // <!-- 根据id编辑问卷的问题及选项    -->
           path: 'testedit-survey',
           name: 'testedit-survey',
           component: () => import("@/views/testedit-survey"),
            },
            {
                // <!-- 预览问卷    -->
               path: 'testviewsurvey',
               name: 'testviewsurvey',
               component: () => import("@/views/testviewsurvey"),//testviewsurvey testcreatesurvey
            },
            {
                    // <!-- 创建问卷问题及选项   -->
                   path: 'testcreatesurvey',
                   name: 'testcreatesurvey',
                   component: () => import("@/views/testcreatesurvey"),
            },
            {
                // <!-- 提交问卷    -->
               path: 'testsubmitAnswer',
               name: 'testsubmitAnswer',
               component: () => import("@/views/testsubmitAnswer"),//testTongji.vue
        },
        // {
        //     // <!-- 问卷统计    -->
        //    path: 'testTongji',
        //    name: 'testTongji',
        //    component: () => import("@/views/testTongji"),
        // },
        {
            // <!-- 问卷统计    -->
           path: 'testtest',
           name: 'testtest',
           component: () => import("@/views/testtest"),
        },
            
        ]
    },
    // {
    //     path: '/about',
    //     name: 'about',
    //     component: () => import("@/views/User")
    // },
    {
        //用户登录页面
        path: '/login',
        name: 'Login',
        component: () => import("@/views/Login")
    },
    // {
    //     path: '/login1',
    //     name: 'login1',
    //     component: () => import("@/views/login1")
    // },
    {
        //用户注册页面
        path: '/register',
        name: 'Register',
        component: () => import("@/views/Register")
    },
]

const router = createRouter({
    history: createWebHistory(process.env.BASE_URL),
    routes
})

// 限制某些页面禁止未登录访问
let limitPagePath = ['/about','/book','/category','/home']

router.beforeEach((to, from, next) => {

    if (limitPagePath.includes(to.path)) {
        // 判断sessionStorage是否保存了用户信息
        let userStr = sessionStorage.getItem("useraccount")
        //let user = JSON.parse(userStr)
        if(!userStr){
            next({path:"/login"})
        }else{
            next()
        }

    }
    next()


    //next() 没限制

})

export default router
